<template>
<div class="layerRtb layerRtb-threecolumn">
    <three-title :title="{name:'编辑器'}"></three-title>
    <div class="layerRtb-scroll thinScroll" v-scrollHeight = "0">
        <rx-editor
            v-model="content"
            :elStyle="{height: '250px'}"
            :init="{class: 1, mime: 1}"
            :options="{}">
        </rx-editor>
        {{content}}
        <codemd url="Lesson2/docs/editor.md"></codemd>
    </div>
</div>
</template>
<script>
import codemd from '../code-md'
import rxEditor from '@rx/packages/editor/Index'
export default {
    components: {
        codemd,
        rxEditor
    },
    data () {
        return {
            content: ''
        }
    },
    mounted () {
        // 模拟数据延迟
        setTimeout(() => {
            this.content = '<p>测试数据</p>'
        }, 2000)
    },
    methods: {

    }
}
</script>
